{{extend './Layout/Layout.html'}}

{{block 'body'}}
<div class="editor-page" id="main">
    <div class="container page">
        <div class="row">

            <div class="col-md-10 offset-md-1 col-xs-12">
                <form @submit.prevent="handleSubmit">
                    <fieldset>
                        <fieldset class="form-group">
                            <input type="text" class="form-control form-control-lg" placeholder="Article Title">
                        </fieldset>
                        <fieldset class="form-group">
                            <input type="text" class="form-control" placeholder="What's this article about?">
                        </fieldset>
                        <fieldset class="form-group">
                            <textarea class="form-control" rows="8"
                                      placeholder="Write your article (in markdown)"></textarea>
                        </fieldset>
                        <fieldset class="form-group">
                            <input type="text" class="form-control" placeholder="Enter tags">
                            <div class="tag-list"></div>
                        </fieldset>
                        <button class="btn btn-lg pull-xs-right btn-primary" type="button">
                            Publish Article
                        </button>
                    </fieldset>
                </form>
            </div>

        </div>
    </div>
</div>
{{/block}}
{{block 'js'}}
<script>
;(()=>{
    const app = new Vue({
        el:'#main',
        data:{
            title:"",
            describe:"",
            main:"",
            tags:""
        },
        methods:{
            async handleSubmit(){
                await console.log(`test`)
            }
        }
    })
})()
</script>
{{/block}}